<div class="custom-categories_inner">
  <div class="container">
    <div class="custom_cat_header">
      <div class="single_head">
      </div>
    </div>
    <div class="custom_cat_content">
      <div class="custom_cat_content_featured">
        {% for block in section.blocks %}
          {% if block.type == 'feature_grid_title' %}
            <div class="feature_grid_head">
              <h3>{{ block.settings.heading }}</h3>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>
  </div>
</div>
{% schema %}  
{
  "name": "custom categories",
  "class": "custom_categories",
  "tag": "section",
  "settings": [
  ],
  "blocks": [
    {
      "name": "Add categories",
      "type": "category",
      "settings": [
        {
          "type": "text",
          "id": "cate_name",
          "label": "category name"
        }
      ]
    },
    {
      "name": "feature grid title",
      "type": "feature_grid_title",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "heading",
          "label": "Heading",
          "default": "Feature grid"
        }
      ]
    },
    {
        "type": "twoPerRow",
        "name": "feature grid Two per row",
        "settings": [
          {
            "type": "select",
            "id": "desktop_layout",
            "label": "Desktop layout",
            "options": [
              {
                "value": "half_width_block",
                "label": "Half width block"
              },
              {
                "value": "left_large_block",
                "label": "Left large block"
              },
              {
                "value": "right_large_block",
                "label": "Right large block"
              }
            ],
            "default": "left_large_block"
          },
          {
            "type": "header",
            "content": "CARD A"
          },
          {
            "type": "image_picker",
            "id": "desktop_image_card_a",
            "label": "Desktop image"
          },
          {
              "type": "image_picker",
              "id": "mobile_image_card_a",
              "label": "Mobile image"
          },
          {
            "type": "range",
            "id": "image_overlay_opacity_card_a",
            "min": 0,
            "max": 100,
            "step": 20,
            "default": 0,
            "unit": "%",
            "label": "Image overlay opacity"
          },
          {
            "type": "text",
            "id": "overline_card_a",
            "label": "Overline"
          },
          {
            "type": "text",
            "id": "heading_card_a",
            "default": "Heading",
            "label": "Heading"
          },
          {
            "type": "richtext",
            "id": "description_card_a",
            "label": "Description"
          },
          {
            "type": "select",
            "id": "text_width_card_a",
            "label": "Desktop text width",
            "options": [
              {
                "value": "col-lg-12",
                "label": "Full width"
              },
              {
                "value": "col-lg-8",
                "label": "2/3"
              },
              {
                "value": "col-lg-6",
                "label": "1/2"
              }
            ],
            "default": "col-lg-12"
          },
          {
            "type": "select",
            "id": "text_color_card_a",
            "label": "Text color",
            "options": [
              {
                "value": "white",
                 "label": "White"
              },
              {
                "value": "black",
                "label": "Black"
              }
            ],
            "default": "black"
          },
          {
            "type": "range",
            "id": "text_shadow_ammount_card_a",
            "min": 0,
            "max": 100,
            "step": 10,
            "default": 0,
            "unit": "%",
            "label": "Text shadow ammount"
          },
          {
            "type": "url",
            "id": "link_card_a",
            "label": "Link"
          },
          {
            "type": "header",
            "content": "CARD B"
          },
          {
            "type": "image_picker",
            "id": "desktop_image_card_b",
            "label": "Desktop image"
          },
          {
            "type": "image_picker",
            "id": "mobile_image_card_b",
            "label": "Mobile image"
          },
          {
            "type": "range",
            "id": "image_overlay_opacity_card_b",
            "min": 0,
            "max": 100,
            "step": 20,
            "default": 0,
            "unit": "%",
            "label": "Image overlay opacity"
          },
          {
            "type": "text",
            "id": "overline_card_b",
            "label": "Overline"
          },
          {
            "type": "text",
            "id": "heading_card_b",
            "default": "Heading",
            "label": "Heading"
          },
          {
            "type": "richtext",
            "id": "description_card_b",
            "label": "Description"
          },
          {
            "type": "select",
            "id": "text_width_card_b",
            "label": "Desktop text width",
            "options": [
              {
                "value": "col-lg-12",
                "label": "Full width"
              },
              {
                "value": "col-lg-8",
                "label": "2/3"
              },
              {
                "value": "col-lg-6",
                "label": "1/2"
              }
            ],
            "default": "col-lg-12"
          },
          {
            "type": "select",
            "id": "text_color_card_b",
            "label": "Text color",
            "options": [
              {
                "value": "white",
                 "label": "White"
              },
              {
                "value": "black",
                "label": "Black"
              }
            ],
            "default": "black"
          },
          {
            "type": "range",
            "id": "text_shadow_ammount_card_b",
            "min": 0,
            "max": 100,
            "step": 10,
            "default": 0,
            "unit": "%",
            "label": "Text shadow ammount"
          },
          {
            "type": "url",
            "id": "link_card_b",
            "label": "Link"
          }
        ]
      },
      {
        "type": "onePerRow",
        "name": "feature grid One per row",
        "settings": [
          {
            "type": "header",
            "content": "CARD"
          },
          {
            "type": "image_picker",
            "id": "desktop_image",
            "label": "Desktop image"
          },
          {
              "type": "image_picker",
              "id": "mobile_image",
              "label": "Mobile image"
          },
          {
            "type": "range",
            "id": "image_overlay_opacity",
            "min": 0,
            "max": 100,
            "step": 20,
            "default": 0,
            "unit": "%",
            "label": "Image overlay opacity"
          },
          {
            "type": "text",
            "id": "overline",
            "label": "Overline"
          },
          {
            "type": "text",
            "id": "heading_card",
            "default": "Heading",
            "label": "Heading"
          },
          {
            "type": "richtext",
            "id": "description",
            "label": "Description"
          },
          {
            "type": "select",
            "id": "text_width",
            "label": "Desktop text width",
            "options": [
              {
                "value": "col-lg-12",
                "label": "Full width"
              },
              {
                "value": "col-lg-8",
                "label": "2/3"
              },
              {
                "value": "col-lg-6",
                "label": "1/2"
              }
            ],
            "default": "col-lg-12"
          },
          {
            "type": "select",
            "id": "text_color",
            "label": "Text color",
            "options": [
              {
                "value": "white",
                 "label": "White"
              },
              {
                "value": "black",
                "label": "Black"
              }
            ],
            "default": "black"
          },
          {
            "type": "range",
            "id": "text_shadow_ammount",
            "min": 0,
            "max": 100,
            "step": 10,
            "default": 0,
            "unit": "%",
            "label": "Text shadow ammount"
          },
          {
            "type": "url",
            "id": "link",
            "label": "Link"
          }
        ]
      }
  ],
  "presets": [
    {
      "name": "text slider"
    }
  ]
}
{% endschema %}
    